@extends('layout.home')

@section('head-top')
@endsection

@section('youpian')
@endsection

@section('week')
	<div>
		<a href="/"><button id='weather1' class='btn btn-info' style='color:black'>返回首页</button></a>
	</div>
@endsection

@section('content')
	<style>
		.body{
			margin-top:10px;
			height:600px;
			background-image:url('/homes/images/wea2.jpg');
			/*background-repeat:no-repeat;*/

		}
		.content{
			width:1120px;
			height:400px;
			border:solid 1px black;
			margin-top:80px;
		}
		.det li{
			margin-top:50px;
			
		}
		.mon{
			height:350px;
			width:155px;
			border-color:#bbb;
			border-width:0px 1px 0px 0px;
			border-style:solid;
			margin-top:20px;
			text-align:center;

		}
		.weapics{
			width:80px;
			height:100px;
		}
		.weapics1{
			width:20px;
			height:20px;
		}
		.content>div:last-child{
			border-width:0px;
		}
	</style>
	<div class='body'>
		<div class='col-md-10 col-md-offset-1 content'>
				@foreach($arrs as $k=>$v)
				<div class='mon col-sm-1 ' >
					<ul class='list-unstyled det'>
						<li>{{$v['date']}}</li> 
						<li>
							<img class='weapics' src="/homes/images/{{$v['cond']['txt_d']}}.jpg" alt="">
							<br>{{$v['cond']['txt_d']}}
							<img class='weapics1' src="/homes/images/{{$v['cond']['txt_d']}}.png" alt="">
						</li> 
						<li>{{$v['tmp']['min']}} ~ {{$v['tmp']['max']}} ℃</li> 
					</ul>
				</div>
				@endforeach
		</div>		
	</div>
@endsection

